<template>
  <div class="step-3">
    <a-result status="success" title="批量导入完成">
      <template #subTitle>
        <span>成功导入<span>5名</span>学员</span>
      </template>
      <template #extra>
        <a-button type="primary" style="width: 116px">完成</a-button>
      </template>
    </a-result>
  </div>
</template>

<style lang="scss" scoped>
.step-3 {
  :deep(.ant-result) {
    .ant-result-icon {
      margin-bottom: 10px;
    }
    .ant-result-title {
      font-size: 16px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #333333;
      margin-bottom: 10px;
      line-height: 22px;
    }
    .ant-result-subtitle {
      span > span {
        color: #1890ff;
      }
    }
    .ant-result-extra {
      margin-top: 38px;
    }
  }
}
</style>
